<template>
  <div>
    <section class="glass">
      <!-- 左边部分的用户信息、加密、解密等选项 -->
      <dash-board></dash-board>
      <!-- 展示历史任务 -->
      <missions></missions>
    </section>
  </div>
</template>

<script>

import DashBoard from "components/mainPage/DashBoard";
import Missions from "components/mainPage/Missions";

export default {
  name: "MainPage",
  components: {
    DashBoard,
    Missions
  }
}
</script>

<style scoped>
.glass {
  background: white;
  height: 80vh;
  width: 100%;
  background: linear-gradient(
      to right bottom,
      rgba(255, 255, 255, 0.7),
      rgba(255, 255, 255, 0.3)
  );
  border-radius: 2rem;
  z-index: 2;
  backdrop-filter: blur(2rem);
  display: flex;
}
</style>